<template>
  <div :class="['nav-menu-box', {'show':showMenu}]">
  	主导航入口
  </div>
</template>

<script>
export default {
	props: {
		cname: {
			type: String,
			default: ''
		}
	},
	data() {
		return {
			showMenu: false
		}
	},
	methods: {
		//点击搜索
		tapSearch() {
			consolee.log('点击搜索')
		},
		//点击弹出列表层
		tapList() {
			consolee.log('点击弹出列表层')
			this.showMenu = !this.showMenu
		}
	}
}
</script>
<style lang="scss">
@import '../../assets/style/variable.scss';
.topbarClass {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  z-index: 149;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
	background-color: rgba(0,0,0,.01);
	color: $color-text-f;
	.tap-middle-padding {
		flex: 1;
    -ms-flex: 1;
		-webkit-box-flex: 1;
	}
	.tap-search {
		width: 42px;
		height: 42px;
		background-color: $color-background-d;
		border-radius: 50%;
	}
	.tap-item {
		width: 42px;
		height: 42px;
		background-color: $color-background-d;
		border-radius: 50%;
	}
}
</style>
